<template>
	<div class="all">
		<el-container direction="horizontal">
			<el-aside width="200px">
				<Menu></Menu>
			</el-aside>
			<el-container direction="vertical" class='right'>
				<el-header height="50px" style="padding: 0; z-index: 1000; white-space: nowrap;">
					<Tags></Tags>
				</el-header>
				<el-main class='body'>
					<router-view :key="$route.path"></router-view>
				</el-main>
			</el-container>
		</el-container>
	</div>
	
</template>

<script>
import Menu from '../components/Menu.vue'
import Tags from '../components/Tags.vue'
export default {
	components:{
		Menu,
		Tags,
	}
}
</script>

<style scoped>
	.all{
		height: 100vh;
		background-color: #f7f8fa;
	}
	.body{
		background-color: #f7f8fa;
		padding: 5px;
	}
	.right{
		/* max-width: 1200px; */
	}
</style>